<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 销售管理</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
	<style type="text/css">
	.modal{
	  z-index: 16 !important;
	}
	.modal-backdrop {
	  z-index: 15 !important;
	}
	.detailText
	{
	 padding:6px 12px; 
	}
	</style>
</head>

<body>

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>销售管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="appointment/list">预约管理</a>
                        </li>
                        <li>
                            <a>预约单列表</a>
                        </li>
                        <li class="active">
                            <strong>预约单详情</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>

        <div class="row" style="margin-top:10px;">
	        <div class="col-md-12">
	        <div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li >
					<a href="appointment/list">
						 预约列表
					</a>
				</li>
				<li>
					<a href="appointment/add">
						 新增预约
					</a>
				</li>
				<li class="active">
					<a href="">
						 预约详情
					</a>
				</li>
	        </ul>
				<div class="tab-content">
		              <div class="tab-pane active">
		                  <div class="panel-body">
		                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
					            <div class="row">
					                <div class="col-lg-12">
				                        <form method="post" id="addForm" enctype="multipart/form-data" action="investor/doAdd" class="form-horizontal">
									        <div style="padding-left:100px;">
										        <button type="button" class="btn btn-w-m btn-primary" id="btn_allot_employee" data-toggle="modal" data-target="#dealEmpModal">分配理财师</button>
										        <c:if test="${model.state eq 0}">
										        	  <button type="button" class="btn btn-w-m btn-primary"  data-toggle="modal" data-target="#myDeal">处理</button>
										      		  <button type="button" class="btn btn-w-m btn-primary" id="btn_cancel">取消</button>
			                                    </c:if>
										        <button type="button" class="btn btn-w-m btn-warning"  id="add_relation" data-toggle="modal" data-target="#myModal">新增联系记录</button>
									        </div>
								<!-- 	        <div id="allot_div"  style="display:none;">
									         	<div class="hr-line-dashed"></div>
										        <div class="form-group"><label class="col-sm-2 control-label">理财师</label>
										        	<div class="col-sm-4">
											        	<input id="tags" placeholder="请输入理财师姓名或工号" class="ui-autocomplete-input form-control" autocomplete="off">
											        	<input style="display:none;" id="employeeId" value="" >
										        	</div>
										        </div>
										        <div class="form-group"><label class="col-sm-2 control-label">理财师姓名:</label>
				                                    <div class="col-sm-4">
				                                    	<div id="employeeName" class="detailText"></div>
				                                    </div>
			                                	</div>
				                                <div class="form-group"><label class="col-sm-2 control-label">理财师工号:</label>
					                                    <div class="col-sm-4">
					                                    	<div id="employeeNo" class="detailText"></div>
					                                    </div>
				                                </div>
				                                 <div class="form-group">
				                                    <div class="col-sm-4 col-sm-offset-2">
				                                         <button type="button" class="btn btn-white" onclick="$('#allot_div').css('display','none');">取消</button>
	                        							 <button type="button" id="btn_confirm_allot_employee" class="btn btn-primary">确定</button>
				                                    </div>
				                                </div>
				                            </div> -->
				                            <br/>
			                                <div class="form-group"><label class="col-sm-2 control-label">投资人姓名</label>
			                                    <div class="col-sm-4">
			                                    	<div id="name" class="detailText">${model.investorName}</div>
			                                    	<input type="text" style="display:none;"  id="investorId" value="${model.investorId}"> 
			                                    	<input type="text" style="display:none;"  id="oldEmployeeId" value="${model.employeeId}">
			                                    	<input type="text" style="display:none;"  id="belongEmpId" value="${model.belongEmpId}"> 
			                                    	<input type="text" style="display:none;"  id="id" value="${model.id}"> 
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label">投资人手机</label>
			                                    <div class="col-sm-4">
			                                    	<div id="name" class="detailText">
			                                    		 <c:choose>
														   <c:when test="${model.mobile == null}">--</c:when>
														   <c:otherwise>${model.mobile}</c:otherwise>
														 </c:choose>
			                                    	</div>
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label">意向产品</label>
			                                    <div class="col-sm-4">
			                                   	 	<div class="detailText">
			                                   	 		 <c:choose>
														   <c:when test="${model.productName == null}">--</c:when>
														   <c:otherwise>${model.productName}</c:otherwise>
														 </c:choose>
			                                   	 	</div>
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label">金额</label>
			                                    <div class="col-sm-4">
			                                   	 	<div   class="detailText">
			                                   	 		 <c:choose>
														   <c:when test="${model.orderAmount == null}">--</c:when>
														   <c:otherwise>${model.orderAmount}</c:otherwise>
														 </c:choose>
			                                   	 	</div>
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label" for="datetimepicker">理财师团队</label>
				                             	 <div class="col-sm-4">
			                                   	 	<div  class="detailText">
			                                   	 		 <c:choose>
														   <c:when test="${model.groupName == null}">--</c:when>
														   <c:otherwise>${model.groupName}</c:otherwise>
														 </c:choose>
			                                   	 	</div>
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label">理财师</label>
			                                    <div class="col-sm-4">
			                                    	<div   class="detailText">
			                                    		 <c:choose>
														   <c:when test="${model.employeeName == null}">--</c:when>
														   <c:otherwise>${model.employeeName}</c:otherwise>
														 </c:choose>
			                                    	</div> 
			                                   </div>
			                                </div>
			                                <div class="form-group"><label class="col-lg-2 control-label">预约时间</label>
			                                    <div class="col-sm-4"> 
			                                    	<div   class="detailText">
				                                    	 <c:choose>
															   <c:when test="${model.appointTime == null}">--</c:when>
															   <c:otherwise><fmt:formatDate value="${model.appointTime}" pattern="yyyy年MM月dd日  HH:mm:ss" /></c:otherwise>
														 </c:choose>
			                                    	</div>
							                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-lg-2 control-label">完成时间</label>
			                                    <div class="col-sm-4">
			                                   		 <div   class="detailText">
			                                   		  	 <c:choose>
															   <c:when test="${model.completeTime == null}">--</c:when>
															   <c:otherwise><fmt:formatDate value="${model.completeTime}" pattern="yyyy年MM月dd日  HH:mm:ss" /></c:otherwise>
														 </c:choose>
			                                   		 </div> 
			                                    </div>
			                                </div>
			                                <div class="form-group"><label class="col-sm-2 control-label">
			                                    	状态</label>
			                                    <div class="col-sm-8"><div  id="gender" class="detailText">
		                                    		 <c:choose>
														   <c:when test="${model.state == ''}">--</c:when>
														   <c:when test="${model.state eq 0}">未处理 </c:when>
														   <c:when test="${model.state eq 1}">已处理</c:when>
														   <c:when test="${model.state eq 2}">已取消</c:when>
														   <c:when test="${model.state eq 3}">转订单</c:when>
													 </c:choose>
			                                    	 <%-- <c:if test="${model.state eq 1}">
			                                    	 	未处理 
			                                    	 </c:if>
			                                    	 <c:if test="${model.state eq 2}">
			                                    	 	<div  id="gender" class="detailText">已处理</div> 
			                                    	 </c:if>
			                                    	  <c:if test="${model.state eq 3}">
			                                    	 	<div  id="gender" class="detailText">已取消</div> 
			                                    	 </c:if>
			                                    	 <c:if test="${model.state eq 4}">
			                                    	 	<div  id="gender" class="detailText">转订单</div> 
			                                    	 </c:if> --%>
			                                    </div></div>
			                                </div>
			                                <div class="form-group"><label class="col-lg-2 control-label">处理意见</label>
			                                    <div class="col-sm-4">
			                                   		 <div   class="detailText">
			                                   		 	 <c:choose>
														   <c:when test="${model.opinion == null}">--</c:when>
														   <c:otherwise>${model.opinion}</c:otherwise>
														 </c:choose>
			                                   		 </div> 
			                                    </div>
			                                </div>
			                            </form>
					                </div>
					            </div>
				  			</div>
			     		</div>
			    	</div>
			   </div>
			   <div class="row">
	                <div class="col-lg-12">
	                        <h2>联系记录</h2>
							 <div class="ibox float-e-margins">
		                        <div class="ibox-content">
		                            <table id="modelEditable" class="table table-striped table-bordered table-hover">
		                                <thead>
		                                <tr>
		                                    <th>理财师</th>
		                                    <th>记录</th>
		                                    <th>时间</th>
		                                </tr>
		                                </thead>
		                                <tbody>
		                                </tbody>
		                            </table>
		
		                        </div>
		                    </div>
	                </div>
	            </div>
		  </div>
		</div>
        </div>
        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">新增联系记录</h4>
                            <small class="font-bold">投资人:${model.investorName}</small>
                         </div>   
	                    <div class="modal-body">
	                        <div class="form-group"><label>联系内容</label> <textarea style="resize:none;height:80px;" type="text" id="rela_content" placeholder="请输入您的联系内容" class="form-control"></textarea>
	                    	 <br/>
	                    	 <div id="time"></div>
		                   	</div>
		                    <div class="modal-footer">
		                        <button type="button" class="btn btn-white" id="dsimiss_add_relation" data-dismiss="modal">取消</button>
		                        <button type="button" id="btn_add_relation" class="btn btn-primary">确定</button>
		                    </div>
	              		</div>
              		</div>	
         	</div>
        </div>
         <div class="modal inmodal" id="myDeal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">预约单处理</h4>
                            <small class="font-bold">投资人:${model.investorName}</small>
                    	</div>
		                    <div class="modal-body">
		                         <div class="form-group"><label>处理意见</label> <textarea style="resize:none;height:80px;line-height:inherit;" type="text" id="deal_content" placeholder="请输入您的处理意见" class="form-control"></textarea>
			                    	 <br/>
			                    	 <div id="time"></div>
			                    </div>
			                    <div class="modal-footer">
			                        <button type="button" class="btn btn-white" id="dsimiss_deal_appointment" data-dismiss="modal">取消</button>
			                        <button type="button" id="btn_deal_appointment" class="btn btn-primary">确定</button>
			           	         </div>
		                	</div>
           			</div>
        	</div>
        </div>	
        
        <div class="modal mymodal inmodal" id="dealEmpModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                        	<button type="button" class="close" data-dismiss="modal" id="deal_emp_miss"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">分配理财师</h4>
                            <small class="font-bold">投资人:${model.name}</small>
                    </div>
                     <div class="modal-body">
                    	<div class="form-group"><label>理财师</label>
                    		<input id="tags" placeholder="请输入理财师姓名或工号" class="ui-autocomplete-input form-control" autocomplete="off">
                    		<input style="display:none;" id="employeeId" value="" >
                    	</div>
                    	<label>理财师姓名:&nbsp;&nbsp;&nbsp;<span id="employeeName" ></span></label><br/>
                    	<label>理财师工号:&nbsp;&nbsp;&nbsp;<span id="employeeNo" ></span></label>
                    	<input style="display:none;" id="employeeId" value="" >
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" id="dsimiss_deal_emp" data-dismiss="modal">取消</button>
                        <button type="button" id="btn_confirm_allot_employee" class="btn btn-primary">确定</button>
                    </div>
                </div>
        </div></div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>



    <!-- Mainly scripts -->
    <script>     
		document.getElementById('time').innerHTML=new Date().toLocaleString();     
		setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString();",1000);  
	</script> 
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	
    
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    
     <!-- 业务js -->
    <script src="js/appointment/detail.js?v=${jsVersion}"></script>
    <script src="js/investor/utils.js?v=${jsVersion}"></script>
	<!-- FooTable -->
    <!-- Page-Level Scripts -->
    <script>
   	    
        $(document).ready(function() {
        	AppointmentModule.init();
            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

            $('#date_modified').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

        });

    </script>

</body>

</html>
